<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
<!--      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.7.0/dist/APlayer.min.css">-->
<!--      <script src="https://cdn.jsdelivr.net/npm/aplayer@1.7.0/dist/APlayer.min.js"></script>-->
<!--      <script src="https://cdn.jsdelivr.net/npm/meting@1.1.0/dist/Meting.min.js"></script>-->

<!--      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.css">-->
      <script src="https://unpkg.com/meting@2.0.1/dist/Meting.min.js"></script>
<!--      <script src="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.js"></script>-->
    <title></title>
<style>
/* #app:after{background-image: url(https://img.xjh.me/random_img.php?ctype=acg&return=302&type=bg);content: "";background-repeat: no-repeat;background-position: 50%;opacity: .09;-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: #808080;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;} */
/* .theme-vdoing-wrapper{letter-spacing: 2px!important;background-image: linear-gradient(90deg, rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0, 0) 3%), linear-gradient(360deg, rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0, 0) 3%)!important;background-size: 20px 20px!important;background-position: center center!important} */

#app::before{content:'';background-image:
/* url(); */

url(),
url(),
url();
position:fixed;left:0;top:0;right:0;bottom:0;z-index:-2;-webkit-animation:snow 10s linear infinite;-moz-animation:snow 10s linear infinite;-ms-animation:snow 10s linear infinite;animation: snow 10s linear infinite;}

@keyframes snow{
    0%{background-position:0 0,0 0,0 0;}
    50%{background-position:500px 500px,100px 200px,-100px 150px;}
    100%{background-position:500px 1000px,200px 400px,-100px 300px;}
}
@-moz-keyframes snow {
    0%{background-position:0 0,0 0,0 0;}
    50%{background-position:500px 500px,100px 200px,-100px 150px;}
    100%{background-position:400px 1000px,200px 400px,100px 300px;}
}
@-webkit-keyframes snow {
      0%{background-position:0 0,0 0,0 0;}
      50%{background-position:500px 500px,100px 200px,-100px 150px;}
      100%{background-position:500px 1000px,200px 400px,-100px 300px;}
}
@-ms-keyframes snow {
      0%{background-position:0 0,0 0,0 0;}
      50%{background-position:500px 500px,100px 200px,-100px 150px;}
      100%{background-position:500px 1000px,200px 400px,-100px 300px;}
}

.veditor {
  background-image: url('../../docs/.vuepress/public/img/猫.png') !important
}

</style>
  </head>
  <body class="theme-mode-light">
    <div id="app"></div>
        <meting-js
            server="netease"
            type= "playlist"
            fixed= "true"
            mutex = "true"
            preload= "auto"
            listFolded = "true"
            autoplay="true"
            order="list"
            lrc-type="1"
            id = "2895345897">
        </meting-js>
  </body>
</html>
